<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="https://cdn.bootcss.com/weui/1.1.2/style/weui.min.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/jquery-weui/1.2.0/css/jquery-weui.min.css">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="../css/style.css">
    <meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
    <div class="main">

    </div>
    <!--footer开始-->
    <div class="footer">
        <div class="weui-flex">
            <div class="weui-flex__item">
                <div><i class="fa fa-home"></i></div>
                <div class="footer-text">首页</div>
            </div>
            <div class="weui-flex__item">
                <div><i class="fa fa-map"></i></div>
                <div class="footer-text">动态</div>
            </div>
            <div class="weui-flex__item">
                <div><i class="fa fa-qrcode"></i></div>
                <div class="footer-text">小店铺</div>
            </div>
            <div class="weui-flex__item">
                <div><i class="fa fa-space-shuttle"></i></div>
                <div class="footer-text">我的</div>
            </div>
        </div>
    </div>
    <!--footer结束-->
</body>
<!-- body 最后 -->
<script src="https://cdn.bootcss.com/jquery/1.11.0/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/jquery-weui/1.2.0/js/jquery-weui.min.js"></script>
<!-- 如果使用了某些拓展插件还需要额外的JS -->
<script src="https://cdn.bootcss.com/jquery-weui/1.2.0/js/swiper.min.js"></script>
<script src="https://cdn.bootcss.com/jquery-weui/1.2.0/js/city-picker.min.js"></script>
<script>
    $(".swiper-container").swiper()
</script>
</body>
</html>